<!DOCTYPE html>
<div lang="en">
<head>
  <title>元音查询</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>

</head>
<div>

<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
  <div class="container-fluid">
    <div class="collapse navbar-collapse" id="mynavbar">
      <ul class="navbar-nav me-auto">
        <li class="nav-item">
          <a class="nav-link" href="/hello02">首页</a>
        <li class="nav-item">
          <a class="nav-link active" href="/index2">元音查询</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="/index3">名字全称</a>
        </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="/goodslist" id="navbardrop" data-bs-toggle="dropdown">
                购物
              </a>
              <div class="dropdown-menu">
                <a class="dropdown-item" href="/goodslist">全部商品</a>
                  <hr class="dropdown-divider">
                <a class="dropdown-item" href="/goodslist">香薰蜡烛</a>
                <a class="dropdown-item" href="/goodslist">香薰套装</a>
                <a class="dropdown-item" href="/goodslist">扩香片</a>
                  <a class="dropdown-item" href="/goodslist">香挂</a>
                  <hr class="dropdown-divider">
                <a class="dropdown-item" href="/login">我的购物车</a>
              </div>
            </li>

      </ul>
      <form class="d-flex">
        <input class="form-control me-2" type="text" placeholder="Search">
        <button class="btn btn-primary" type="button">搜索</button>
      </form>
    </div>
  </div>
</nav>

</div>




    <div class="bd-example">
        <figure class="text-center">
            <h1>元音查询</h1>
        </figure>
    </div>

    <form method="post" action="/result2">

    <div style="width:100%;text-align:center">
        <div class="col-lg-6 col-md-8 mx-auto">
                  <label for="vowels" class="form-label" style="" >元音字母</label>
                  <input type="text" class="form-control" name="vowels" placeholder="请输入要查询的元音字母">
                  <div class="invalid-feedback">
                    Vowels is required.
                  </div>
        </div>

    <br>
        <div class="col-lg-6 col-md-8 mx-auto">
                  <label for="word" class="form-label">单词</label>
                   <input type="text" class="form-control" name="word" placeholder="请输入要查询的单词">
              <div class="invalid-feedback">
                    Word is required.
              </div>
        </div>
    </div>



        <br>
    <div style="width:100%;text-align:center">
        <div class="col-lg-6 col-md-8 mx-auto">
            <button type="submit" class="btn btn-primary" _msthash="1630226" _msttexthash="76999">提交</button>
        </div>
    </div>

    </form>
</div>



<div class="container">
  <footer class="py-3 my-4">

    <ul class="nav justify-content-center border-bottom pb-3 mb-3">

    </ul>
    <p class="text-center text-muted">&copy; 2021-2022 Python,莫慧敏</p>
  </footer>
</div>


</body>
</html>
